﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>TypeScript实现贪吃蛇</title>
    <link href="../css/Snake.css" rel="stylesheet" />
</head>
<body>

    <section id="tcsContainer">
        <ul>
            <li>
                <table id="tabContaniner" cellpadding="0" cellspacing="0" border="0"></table>
            </li>
            <li>
                <fieldset>
                    <legend>基本信息</legend>
                    <section>
                        <p>
                            <audio id="bgMusic" loop>
                                <source src="http://123.147.165.155:9990/fjdx.sc.chinaz.com/files/download/sound1/201307/3302.mp3" type="audio/mp3">
                                <source src="http://123.147.165.15:9990/fjdx.sc.chinaz.com/files/download/sound1/201307/3302.wav" type="audio/ogg">
                                您的浏览器不支持 audio 标签。
                            </audio>
                        </p>
                        <p style="display:none;">
                            <label>行数：</label><input type="text" placeholder="行数" />
                            <label>列数：</label><input type="text" placeholder="列数" />
                        </p>

                        <p>
                            <dl>
                                <dt>游戏名称</dt>
                                <dd>贪吃蛇🐍</dd>
                                <dt>游戏类别</dt>
                                <dd>休息娱乐游戏。</dd>
                                <dt>开发者</dt>
                                <dd>
                                    <img src="../img/me.jpg" alt="chait" style="width:60px;height:60px;" />
                                </dd>
                                <dt>开发语言</dt>
                                <dd>
                                    TypeScrpt是一种由微软开发的自由和开源的编程语言。<br />
                                    它是JavaScript的一个超集，而且本质上向这个语言<br /> 添加了可选的静态类型和基于类的面向对象编程。
                                </dd>
                                <dt>游戏说明</dt>
                                <dd>
                                    单击回车键“Enter”开始或暂停游戏，<br /> 同时伴随动听的音乐🎵， 当游戏结束时音乐停止。<br /> 按“F5”刷新页面，再次单击回车键“Enter”进入游戏。
                                </dd>
                            </dl>
                        </p>
                    </section>
                </fieldset>

                <p>
                    <input type="button" value="重置/刷新" id="Reset" onclick="Reset();" style="margin-left:30px; cursor:hand;"/>
                </p>
            </li>
        </ul>
    </section>

    <div style="display: none;">
        TypeScript程序简介：基础知识、基本结构、OOP思想、实践应用; <br />
        一、基础知识：TypeScript简介，TypeScript安装、编译，TypeScript开发工具IDE； <br />
        二、基本结构：TypeScript基本类型，TypeScript基本运算符，TypeScript流程控制语句，TypeScript循环/迭代/遍历；<br />
        三、OOP思想：函数，类，继承，类成员访问修饰符，抽象类，接口，泛型；<br />
        四、实践应用：TypeScript实现贪吃蛇，TypeScript框架展望；<br />
    </div>

    <div style="display: none;">
        <script type="text/javascript" src="../js/snakeBody.js"></script>
        <script type="text/javascript" src="../js/snakeDraw.js"></script>
        <script type="text/javascript" src="../js/music.js"></script>
        <script type="text/javascript" src="../js/snake.js"></script>
        <script type="text/javascript">
        function Reset() {
            location.reload();
        }
        </script>
    </div>
</body>
</html>